<template>
  <div class="main">
    <el-form class="table-area">
      <el-form inline>
        <el-form-item label="儿童">
          <el-input v-model="test.studentName" />
        </el-form-item>
        <el-form-item label="性别">
          <el-select v-model="test.studentSex" placeholder="学生性别">
            <el-option key="0" label="女" value="0" />
            <el-option key="1" label="男" value="1" />
          </el-select>
        </el-form-item>
        <el-form-item label="评测日期">
          <el-date-picker v-model="test.testData" type="date" placeholder="选择日期" value-format="yyyy-MM-dd" format="yyyy 年 MM 月 dd 日" />
        </el-form-item>
        <el-form-item label="负责教师">
          <el-input v-model="test.teacher" />
        </el-form-item>
        <el-form-item label="日 期/表 现">
          <el-date-picker v-model="test.data" type="date" placeholder="选择日期" value-format="yyyy-MM-dd" format="yyyy 年 MM 月 dd 日" />
        </el-form-item>
      </el-form>

      <table style="width:100%">
        <thead style="text-align: center;">
          <tr style="background:#f5f5f5;">
            <th width="50px" style="text-align: center; vertical-align: middle;">序号</th>
            <th width="300px" style="text-align: center; vertical-align: middle;">领域</th>
            <th width="200px" style="text-align: center; vertical-align: middle;">分领域</th>
            <th width="500px" style="text-align: center; vertical-align: middle;">评测活动</th>
            <th style="text-align: center; vertical-align: middle;">评测结果</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>1</td>
            <td>社会性</td>
            <td>对环境的适应</td>
            <td>
              <p>主动观察教室里的物品</p>
            </td>
            <td align="center">
              <el-input v-model="test.act1" type="text" />
            </td>
          </tr>
          <tr>
            <td>2</td>
            <td>社会性</td>
            <td>对环境的适应</td>
            <td>
              <p>寻找玩具玩儿</p>
            </td>
            <td align="center">
              <el-input v-model="test.act2" type="text" />
            </td>
          </tr>
          <tr>
            <td>3</td>
            <td>社会性</td>
            <td>对环境的适应</td>
            <td>
              <p>是否允许肢体接触</p>
            </td>
            <td align="center">
              <el-input v-model="test.act3" type="text" />
            </td>
          </tr>
          <tr>
            <td>4</td>
            <td>社会性</td>
            <td>对环境的适应</td>
            <td>
              <p>是否哭闹，哭闹时间</p>
            </td>
            <td align="center">
              <el-input v-model="test.act4" type="text" />
            </td>
          </tr>
          <tr>
            <td>5</td>
            <td>社会性</td>
            <td>对人的关注</td>
            <td>
              <p>是否主动关注人</p>
            </td>
            <td align="center">
              <el-input v-model="test.act5" type="text" />
            </td>
          </tr>
          <tr>
            <td>6</td>
            <td>社会性</td>
            <td>对人的关注</td>
            <td>
              <p>对自己的名字是否有反应</p>
            </td>
            <td align="center">
              <el-input v-model="test.act6" type="text" />
            </td>
          </tr>
          <tr>
            <td>7</td>
            <td>社会性</td>
            <td>对人的关注</td>
            <td>
              <p>是否可以主动的发起互动（包括提要求）</p>
            </td>
            <td align="center">
              <el-input v-model="test.act7" type="text" />
            </td>
          </tr>
          <tr>
            <td>8</td>
            <td>社会性</td>
            <td>对人的关注</td>
            <td>
              <p>与人互动时用何种沟通方式（语言，肢体动作，眼神，手势）</p>
            </td>
            <td align="center">
              <el-input v-model="test.act8" type="text" />
            </td>
          </tr>
          <tr>
            <td>9</td>
            <td>社会性</td>
            <td>规矩性</td>
            <td>
              <p>儿童可否安坐？时间是多久？  </p>
            </td>
            <td align="center">
              <el-input v-model="test.act9" type="text" />
            </td>
          </tr>
          <tr>
            <td>10</td>
            <td>社会性</td>
            <td>规矩性</td>
            <td>
              <p>儿童可否配合老师完成简单的项目？时间？</p>
            </td>
            <td align="center">
              <el-input v-model="test.act10" type="text" />
            </td>
          </tr>
          <tr>
            <td>11</td>
            <td>社会性</td>
            <td>规矩性</td>
            <td>
              <p>注意力维持的时间</p>
            </td>
            <td align="center">
              <el-input v-model="test.act11" type="text" />
            </td>
          </tr>
          <tr>
            <td>12</td>
            <td>认知及接受性语言</td>
            <td>基础认知</td>
            <td>
              <p>常见物品的认知数量</p>
            </td>
            <td align="center">
              <el-input v-model="test.act12" type="text" />
            </td>
          </tr>
          <tr>
            <td>13</td>
            <td>认知及接受性语言</td>
            <td>基础认知</td>
            <td>
              <p>常见的人的认知</p>
            </td>
            <td align="center">
              <el-input v-model="test.act13" type="text" />
            </td>
          </tr>
          <tr>
            <td>14</td>
            <td>认知及接受性语言</td>
            <td>基础认知</td>
            <td>
              <p>常见的水果，动物，交通工具，蔬菜的种类认知</p>
            </td>
            <td align="center">
              <el-input v-model="test.act14" type="text" />
            </td>
          </tr>
          <tr>
            <td>15</td>
            <td>认知及接受性语言</td>
            <td>基础认知</td>
            <td>
              <p>颜色认知</p>
            </td>
            <td align="center">
              <el-input v-model="test.act15" type="text" />
            </td>
          </tr>
          <tr>
            <td>16</td>
            <td>认知及接受性语言</td>
            <td>基础认知</td>
            <td>
              <p>形状认知</p>
            </td>
            <td align="center">
              <el-input v-model="test.act16" type="text" />
            </td>
          </tr>
          <tr>
            <td>17</td>
            <td>认知及接受性语言</td>
            <td>基础认知</td>
            <td>
              <p>数字认知</p>
            </td>
            <td align="center">
              <el-input v-model="test.act17" type="text" />
            </td>
          </tr>
          <tr>
            <td>18</td>
            <td>认知及接受性语言</td>
            <td>基础认知</td>
            <td>
              <p>汉字的认知</p>
            </td>
            <td align="center">
              <el-input v-model="test.act18" type="text" />
            </td>
          </tr>
          <tr>
            <td>19</td>
            <td>认知及接受性语言</td>
            <td>基础认知</td>
            <td>
              <p>常见动作图片的认知</p>
            </td>
            <td align="center">
              <el-input v-model="test.act19" type="text" />
            </td>
          </tr>
          <tr>
            <td>20</td>
            <td>认知及接受性语言</td>
            <td>基础认知</td>
            <td>
              <p>身体部位的认知</p>
            </td>
            <td align="center">
              <el-input v-model="test.act20" type="text" />
            </td>
          </tr>
          <tr>
            <td>21</td>
            <td>认知及接受性语言</td>
            <td>功特类认知</td>
            <td>
              <p>物品的功能</p>
            </td>
            <td align="center">
              <el-input v-model="test.act21" type="text" />
            </td>
          </tr>
          <tr>
            <td>22</td>
            <td>认知及接受性语言</td>
            <td>功特类认知</td>
            <td>
              <p>物品的特征</p>
            </td>
            <td align="center">
              <el-input v-model="test.act22" type="text" />
            </td>
          </tr>
          <tr>
            <td>23</td>
            <td>认知及接受性语言</td>
            <td>功特类认知</td>
            <td>
              <p>物品的种类</p>
            </td>
            <td align="center">
              <el-input v-model="test.act23" type="text" />
            </td>
          </tr>
          <tr>
            <td>24</td>
            <td>认知及接受性语言</td>
            <td>遵从指令</td>
            <td>
              <p>遵从一步指令：大动作指令、精细动作指令</p>
            </td>
            <td align="center">
              <el-input v-model="test.act24" type="text" />
            </td>
          </tr>
          <tr>
            <td>25</td>
            <td>认知及接受性语言</td>
            <td>遵从指令</td>
            <td>
              <p>遵从两步指令</p>
            </td>
            <td align="center">
              <el-input v-model="test.act25" type="text" />
            </td>
          </tr>
          <tr>
            <td>26</td>
            <td>认知及接受性语言</td>
            <td>遵从指令</td>
            <td>
              <p>执行简单的生活指令：扔垃圾、擦鼻涕等</p>
            </td>
            <td align="center">
              <el-input v-model="test.act26" type="text" />
            </td>
          </tr>
          <tr>
            <td>27</td>
            <td>语言领域</td>
            <td>语言</td>
            <td>
              <p>能否发音</p>
            </td>
            <td align="center">
              <el-input v-model="test.act27" type="text" />
            </td>
          </tr>
          <tr>
            <td>28</td>
            <td>语言领域</td>
            <td>语言</td>
            <td>
              <p>发音是否清晰</p>
            </td>
            <td align="center">
              <el-input v-model="test.act28" type="text" />
            </td>
          </tr>
          <tr>
            <td>29</td>
            <td>语言领域</td>
            <td>语言</td>
            <td>
              <p>能说叠词或者词语</p>
            </td>
            <td align="center">
              <el-input v-model="test.act29" type="text" />
            </td>
          </tr>
          <tr>
            <td>30</td>
            <td>语言领域</td>
            <td>语言</td>
            <td>
              <p>能否表达需求</p>
            </td>
            <td align="center">
              <el-input v-model="test.act30" type="text" />
            </td>
          </tr>
          <tr>
            <td>31</td>
            <td>语言领域</td>
            <td>语言</td>
            <td>
              <p>能否说短语</p>
            </td>
            <td align="center">
              <el-input v-model="test.act31" type="text" />
            </td>
          </tr>
          <tr>
            <td>32</td>
            <td>语言领域</td>
            <td>语言</td>
            <td>
              <p>能否进行问答式对话</p>
            </td>
            <td align="center">
              <el-input v-model="test.act32" type="text" />
            </td>
          </tr>
          <tr>
            <td>33</td>
            <td>语言领域</td>
            <td>语言</td>
            <td>
              <p>能否讲看图说话讲故事</p>
            </td>
            <td align="center">
              <el-input v-model="test.act33" type="text" />
            </td>
          </tr>
          <tr>
            <td>34</td>
            <td>感知觉</td>
            <td>模仿</td>
            <td>
              <p>物体操作模仿</p>
            </td>
            <td align="center">
              <el-input v-model="test.act34" type="text" />
            </td>
          </tr>
          <tr>
            <td>35</td>
            <td>感知觉</td>
            <td>模仿</td>
            <td>
              <p>粗大动作模仿（一步、两步、三步）</p>
            </td>
            <td align="center">
              <el-input v-model="test.act35" type="text" />
            </td>
          </tr>
          <tr>
            <td>36</td>
            <td>感知觉</td>
            <td>模仿</td>
            <td>
              <p>精细动作模仿</p>
            </td>
            <td align="center">
              <el-input v-model="test.act36" type="text" />
            </td>
          </tr>
          <tr>
            <td>37</td>
            <td>感知觉</td>
            <td>视觉任务</td>
            <td>
              <p>物品配对</p>
            </td>
            <td align="center">
              <el-input v-model="test.act37" type="text" />
            </td>
          </tr>
          <tr>
            <td>38</td>
            <td>感知觉</td>
            <td>视觉任务</td>
            <td>
              <p>颜色配对</p>
            </td>
            <td align="center">
              <el-input v-model="test.act38" type="text" />
            </td>
          </tr>
          <tr>
            <td>39</td>
            <td>精细动作及操作</td>
            <td>精细</td>
            <td>
              <p>抓握物品</p>
            </td>
            <td align="center">
              <el-input v-model="test.act39" type="text" />
            </td>
          </tr>
          <tr>
            <td>40</td>
            <td>精细动作及操作</td>
            <td>精细</td>
            <td>
              <p>两指、三指捏物品</p>
            </td>
            <td align="center">
              <el-input v-model="test.act40" type="text" />
            </td>
          </tr>
          <tr>
            <td>41</td>
            <td>精细动作及操作</td>
            <td>精细</td>
            <td>
              <p>小蘑菇钉（插拔）</p>
            </td>
            <td align="center">
              <el-input v-model="test.act41" type="text" />
            </td>
          </tr>
          <tr>
            <td>42</td>
            <td>精细动作及操作</td>
            <td>精细</td>
            <td>
              <p>套杯（按照大小套上）</p>
            </td>
            <td align="center">
              <el-input v-model="test.act42" type="text" />
            </td>
          </tr>
          <tr>
            <td>43</td>
            <td>精细动作及操作</td>
            <td>精细</td>
            <td>
              <p>串珠子（双手协调）</p>
            </td>
            <td align="center">
              <el-input v-model="test.act43" type="text" />
            </td>
          </tr>
          <tr>
            <td>44</td>
            <td>精细动作及操作</td>
            <td>精细</td>
            <td>
              <p>插棒（插拔）</p>
            </td>
            <td align="center">
              <el-input v-model="test.act44" type="text" />
            </td>
          </tr>
          <tr>
            <td>45</td>
            <td>精细动作及操作</td>
            <td>精细</td>
            <td>
              <p>单片拼图</p>
            </td>
            <td align="center">
              <el-input v-model="test.act45" type="text" />
            </td>
          </tr>
          <tr>
            <td>46</td>
            <td>精细动作及操作</td>
            <td>精细</td>
            <td>
              <p>多片拼图</p>
            </td>
            <td align="center">
              <el-input v-model="test.act46" type="text" />
            </td>
          </tr>
          <tr>
            <td>47</td>
            <td>精细动作及操作</td>
            <td>精细</td>
            <td>
              <p>形状箱</p>
            </td>
            <td align="center">
              <el-input v-model="test.act47" type="text" />
            </td>
          </tr>
          <tr>
            <td>48</td>
            <td>精细动作及操作</td>
            <td>精细</td>
            <td>
              <p>握笔姿势正确与否</p>
            </td>
            <td align="center">
              <el-input v-model="test.act48" type="text" />
            </td>
          </tr>
          <tr>
            <td>49</td>
            <td>精细动作及操作</td>
            <td>精细</td>
            <td>
              <p>涂色（运笔，控笔能力）</p>
            </td>
            <td align="center">
              <el-input v-model="test.act49" type="text" />
            </td>
          </tr>
          <tr>
            <td>50</td>
            <td>精细动作及操作</td>
            <td>精细</td>
            <td>
              <p>书写（数字、汉字、拼音）</p>
            </td>
            <td align="center">
              <el-input v-model="test.act50" type="text" />
            </td>
          </tr>
          <!-- <tr>
            <td colspan="5" style="text-align: center;">
              <div class="btn_bar ta_center">
                <button id="cpepAssessSaveBtn" type="button" onclick="saveQuestion()" class="btn btn-success">保存</button>
                <button type="button" class="btn" onclick="javascript:history.back(-1)">返回</button>
              </div>
            </td>
          </tr> -->
        </tbody>
      </table>
      <el-form-item prop="" label="特殊情况说明描述">
        <el-input v-model="description" type="textarea" rows="5" maxlength="300" show-word-limit />
      </el-form-item>
    </el-form>
    <div style="text-align:center">
      <el-button type="primary" style="margin-bottom:20px" @click="submit()">提交</el-button>
    </div>
  </div>
</template>

<script>
// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
// 例如：import 《组件名称》 from '《组件路径》';

export default {
// import引入的组件需要注入到对象中才能使用
  components: {},
  data() {
    // 这里存放数据
    return {
      test: {
        studentName: '杨宁',
        studentSex: '1',
        testData: '2020-11-01',
        teacher: '杨宁',
        data: '2020-11-01'
      }
    }
  },
  // 监听属性 类似于data概念
  computed: {},
  // 监控data中的数据变化
  watch: {},
  // 生命周期 - 创建完成（可以访问当前this实例）
  created() {

  },
  // 生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {

  },
  beforeCreate() {}, // 生命周期 - 创建之前
  beforeMount() {}, // 生命周期 - 挂载之前
  beforeUpdate() {}, // 生命周期 - 更新之前
  updated() {}, // 生命周期 - 更新之后
  beforeDestroy() {}, // 生命周期 - 销毁之前
  destroyed() {}, // 生命周期 - 销毁完成
  activated() {},
  // 方法集合
  methods: {
    submit() {
      console.log(this.test)
    }
  } // 如果页面有keep-alive缓存功能，这个函数会触发
}
</script>
<style scoped>
.main {
  margin-left: 5px;
  margin-right: 5px;
}
.table-area {
  margin-left: 10px;
  margin-right: 10px;
}
</style>
